.wode {
  // background-color: aqua;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  // 背景图
  .image {
    width: 750rpx;
  }

  // 主体
  .main {
    width: 750rpx;
    padding: 0 20rpx;
    // background-color: antiquewhite;
    transform: translateY(-90rpx);

    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    
    // 登录
    .grlogin {
      width: 100%;
      background-color: white;
      padding: 15rpx;
      border-radius: 15rpx;

      display: flex;
      justify-content: space-between;
      align-items: center;

      // 名字
      .nametxt {
        margin-right: 20rpx;

        .jies {
          margin-top: 10rpx;
          font-size: 22rpx;
          letter-spacing: 2rpx;
        }
      }

      // 登录按钮
      .loginbtn {
        background-color: #0548f6;
        color: white;
        font-size: 25rpx;
        letter-spacing: 3rpx;
        padding: 15rpx 20rpx;
        border-radius: 50rpx;
      }

    }

    // 登录成功
    .succeed {
      // position: relative;
      width: 100%;
      height: 450rpx;
      background-color: white;
      background-size: cover;
      background-repeat: no-repeat;

      // padding: 15rpx;
      border-radius: 15rpx;

      // display: flex;
      // justify-content: space-between;
      // align-items: center;

      .top {
        // position: absolute;
        // top: 0;
        // left: 0;

        transform: translateY(-450rpx);

        width: 100%;
        // background-color: antiquewhite;

        display: flex;

        // 头像
        .van-image {
          transform: translateY(-30rpx) translateX(15rpx);
        }

        .lift {
          // background-color: lightgreen;

          // 名字
          .nametxt {
            padding: 15rpx;
            // background-color: aqua;

            .name {
              font-weight: bold;
              font-size: 35rpx;
              margin-bottom: 15rpx;
            }

            .txt {
              color: white;
              background-color: #0548f6;
              text-align: center;
              padding: 10rpx 10rpx;
              width: 150rpx;
              border-radius: 50rpx;
              font-size: 25rpx;
            }
          }

          // 积分
          .divide {
            margin-top: 30rpx;
            // background-color: yellow;
            padding: 15rpx;
            display: flex;
            justify-content: space-around;
            text-align: center;

            .Integral,
            .Coupons,
            .balance {
              padding: 0 28rpx;

              .num {
                color: #0548f6;
              }
            }

            .Coupons {
              border-left: 1rpx solid lightgray;
              border-right: 1rpx solid lightgray;
            }

          }
        }
      }

      // 进度条
      .Progress {
        transform: translateY(-460rpx) translateX(15rpx);

        .txt {
          font-size: 25rpx;

          .Progressnumber {
            color: #0548f6;

            .Progressnumber-lift {
              font-weight: bold;
              font-size: 28rpx;
            }
          }
        }

        .Progress-bar {
          display: flex;
          align-items: center;
          justify-content: space-between;

          width: 680rpx;
          // height: 50rpx;
          // background-color: lightyellow;
          .bar {
            margin-top: 15rpx;
            width: 550rpx;
            height: 10rpx;
            border-radius: 50rpx;
            background-color: lightskyblue;
          }

          .bar-txt {
            color: #0548f6;
            font-size: 25rpx;
          }

        }
      }
    }

    // 告示
    .notify {
      width: 95%;

      .van-notice-bar {
        background-color: #fff7c6;
        color: #ff9511;
        height: auto;
        border-radius: 15rpx;
        transform: translateY(-10rpx);

      }
    }

    // 会员日
    .member {
      width: 100%;
      background-color: white;
      border-radius: 15rpx;
      position: relative;
    }

    // 功能
    .features {
      margin-top: 20rpx;
      width: 100%;
      background-color: white;
      padding: 20rpx;
      border-radius: 15rpx;

      .title {
        font-weight: bolder;
        font-size: 30rpx;
        padding-left: 15rpx;
      }

      .features-btn {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;


        .image-btn {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          // background-color: thistle;
          width: 25%;
          box-sizing: border-box;
          padding: 20rpx 0 10rpx;

          .image-txt {
            padding: 15rpx 0;
            font-size: 20rpx;
          }
        }
      }

    }

    // 活动
    .activity {

      margin-top: 5rpx;
      width: 100%;
      height: 300rpx;
      // background-color: white;
      padding: 20rpx 0;
      border-radius: 15rpx;

      .title {
        font-weight: bolder;
        font-size: 30rpx;
        padding-left: 25rpx;
        margin-bottom: 20rpx;
      }


      .van-image__img {
        border-radius: 15rpx;
      }

    }
    

  }


}
